<template>
  <div>
    <p>子组件</p>
    <div>
      <!-- title具名插槽 -->
      <slot name="title">
        <h2>默认标题</h2>
      </slot>
      <!-- 如果要给默认插槽设置默认值 -->
      <slot><span style="color:red;">默认内容</span></slot>
      <!-- title具名插槽 -->
      <slot name="footer">
        <div>
          <button>取消</button>&nbsp;
          <button>提交</button>
        </div>
      </slot>
    </div>
  </div>
</template>
